import React, { Component } from 'react'

export default class Child extends Component {
    // 组件  将要  接收  属性
    // componentWillReceiveProps() {
    //     console.log('props修改11')
    // }
    shouldComponentUpdate(props) {
        // { count: 100 }
        // ["count"]
        if (Object.keys(props).length > 0) {
            return true
        } else {
            return false
        }
    }
    render() {
        // 如果父组件向子组件传递了属性，我希望子组件重新渲染
        // 如果父组件没有向子组件传递属性，我不希望子组件重新渲染
        // const { count } = this.props
        console.log('我是子组件的render')
        return (
            <div>
                我是子组件 -- 
            </div>
        )
    }
    // 组件  将要  卸载
    componentWillUnmount() {
        console.log('我准备卸载了')
        // 清除副作用
        // 定时任务
    }
}
